<template>
  <div class="interlinkage">
    <van-swipe class="my-swipe" :autoplay="50000" indicator-color="#FE8C00">
      <van-swipe-item>
        <van-grid :column-num="5">
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20190827/55884/2493285.jpg" text="美食" to="/meishi" />
          <van-grid-item icon="https://s0.meituan.net/bs/?f=myfe/canary:/asgard/images/avatar.png" text="猫眼电影" to="/movies/nowplaying"/>
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20170123/4585/240824.jpg" text="酒店"/>
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20190220/30932/1530643.jpg" text="休闲娱乐" />
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20200622/81129/3426805.jpg" text="外卖" />
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20180802/19980/1273692.jpg" text="KTV" to="/zhangcqi"/>
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20200701/82161/3529207.jpg" text="周边游" to="/zhoubianyou"/>
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20190925/60206/2662584.jpg" text="丽人" />
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20161011/3337/175313.jpg" text="小吃快餐" to="/chicken"/>
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20190318/33284/1631333.jpg" text="生活服务" />
        </van-grid>
      </van-swipe-item>

      <van-swipe-item>
        <van-grid :column-num="5">
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20190827/55884/2493285.jpg" text="美食" to="/meishi" />
          <van-grid-item icon="https://s0.meituan.net/bs/?f=myfe/canary:/asgard/images/avatar.png" text="猫眼电影" to="/movies/nowplaying"/>
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20170123/4585/240824.jpg" text="酒店"/>
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20190220/30932/1530643.jpg" text="休闲娱乐" />
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20200622/81129/3426805.jpg" text="外卖" />
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20180802/19980/1273692.jpg" text="KTV" to="/zhangcqi"/>
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20200701/82161/3529207.jpg" text="周边游" to="/zhoubianyou"/>
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20190925/60206/2662584.jpg" text="丽人" />
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20161011/3337/175313.jpg" text="小吃快餐" to="/chicken"/>
          <van-grid-item icon="https://i.52112.com/icon/jpg/256/20190318/33284/1631333.jpg" text="生活服务" />
        </van-grid>
      </van-swipe-item>

    </van-swipe>
  </div>
</template>

<script>
//引入
import Vue from 'vue';
import { Grid, GridItem,Swipe, SwipeItem } from 'vant';

Vue.use(Grid);
Vue.use(GridItem);

Vue.use(Swipe);
Vue.use(SwipeItem);

export default {
  data() {
    return {
    };
  },
  methods: {
  },
};
</script>

<style lang='scss' scoped>
.interlinkage{
    margin-top: 51px;
}
.my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
}
/deep/ .van-swipe__indicators {
  bottom: 5px;
}
</style>
